
import { CSSProperties } from 'react'
import { PureStandardProps } from '@/src/consts';
import BorderlessButton from './borderless-button';
// import Global from '../lib/global';
// import { MovableArea, MovableView } from '@tarojs/components';
import './service-btn.scss'




interface ServiceBtnProps extends PureStandardProps {
    size?: string,
    right?: string,
    bottom?: string,
    name?:string
}

const ServiceBtn = (props: ServiceBtnProps) => {

    let style: CSSProperties = {
        position: "absolute",
        backgroundColor: "transparent",
        width: props.size ?? "111rpx",
        height: props.size ?? "111rpx",
        bottom:'0',
        right: '0rpx',
    }


    return (
        // <MovableArea className={["movab",props.name?"nameClass":''].join(' ')}>
        //     <MovableView x="0" y="0" direction="all" className="movab1"> <BorderlessButton openType="contact" className="service-btn" backgroundImage="service@3x.png" style={style} /></MovableView>
        // </MovableArea>
        <BorderlessButton openType="contact" className="service-btn" backgroundImage="service@3x.png" style={style} />

    )
}



export default ServiceBtn